﻿<phone:PhoneApplicationPage 
    x:Class="Chianti.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False" xmlns:my="clr-namespace:Microsoft.Phone.Controls.Maps;assembly=Microsoft.Phone.Controls.Maps">


    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
 
        <!--Panorama control-->
        <controls:Panorama Title="Chianti">
            <!--<controls:Panorama.Background>
                <ImageBrush ImageSource="PanoramaBackground.png"/>
            </controls:Panorama.Background>-->
 
            <!--Panorama item one-->
            <controls:PanoramaItem>
                <!--Deal description-->
                <StackPanel Margin="0,12,-12,0" Width="432">
                    <TextBlock Text="Deal short_description" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" FontSize="36" Margin="12,6,12,0" />
                    <TextBlock Text="fdsghlksdnf jfgk wefg fjg skdfj; irfgp afig irjg r g eiojrg kejgo  origj ergj oaijregojargf [we  weorjg jg[j we[rjg dfgdfg" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                    <MediaElement Height="276" Name="mediaElement2" Width="408" Margin="0,12,0,0" />
                    <ProgressBar Height="46" Name="progressBar1" Width="408" Padding="12" Value="45" Maximum="60" />
                    <StackPanel Orientation="Horizontal" Height="70">
                        <Button Content="Share" Height="71" Name="buttonShare" Width="216" />
                        <Button Content="I'm Coming" Height="71" Name="buttonImComing" Width="216" />
                    </StackPanel>
                    <TextBlock Height="61" Name="textBlock1" Text="Do you like this deal? Support your local small business with feedback on this deal." TextWrapping="Wrap" FontSize="16" />
                </StackPanel>


                <!--<ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Margin="0,0,0,17" Width="432">
                                <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>-->
            </controls:PanoramaItem>
 
            <!--Panorama item two-->
            <!--Use 'Orientation="Horizontal"' to enable a panel that lays out horizontally-->
            <controls:PanoramaItem>
                <!--Double line list with image placeholder and text wrapping-->
                <StackPanel>               
                    <StackPanel Margin="0,12,-12,0" Orientation="Horizontal">
                        <Button Height="66" Name="buttonWalk" Width="100" BorderThickness="0">
                            <Button.Background>
                                <ImageBrush ImageSource="/Chianti;component/Images/WalkButton.png" />
                            </Button.Background>
                        </Button>
                        <TextBlock Height="34" Name="buttonDistancewalk" Text="0.1 mi - 2 min to walk" Width="300" FontSize="24" Margin="12,0,0,0" VerticalAlignment="Stretch" />
                    </StackPanel>
                    <StackPanel Margin="0,0,-12,0" Orientation="Horizontal">
                        <Button Height="66" Name="Drive" Width="100" BorderThickness="0">
                            <Button.Background>
                                <ImageBrush ImageSource="/Chianti;component/Images/DriveButton.png" />
                            </Button.Background>
                        </Button>
                        <TextBlock Height="34" Name="Distancedrive" Text="0.3 mi - 1 min to drive" Width="300" FontSize="24" Margin="12,0,0,0" VerticalAlignment="Stretch" />
                    </StackPanel>
                    <my:Map Height="370" Name="map1" Width="408" Margin="12,0,0,0" LogoVisibility="Visible" ManipulationStarted="map1_ManipulationStarted" />
                </StackPanel>
                
                
            </controls:PanoramaItem>
        </controls:Panorama>
        <TextBlock Height="56" HorizontalAlignment="Left" Margin="12,149,0,0" Name="Businessname" Text="Business Name" VerticalAlignment="Top" Width="417" Style="{StaticResource PhoneTextExtraLargeStyle}" FontSize="48" />
    </Grid>
 
    <!--Panorama-based applications should not show an ApplicationBar-->

</phone:PhoneApplicationPage>